<template>

  <section>
    <!--start 面包屑-->
    <div class="location">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{path:'/index'}">首页</el-breadcrumb-item>
        <el-breadcrumb-item>资金</el-breadcrumb-item>
        <el-breadcrumb-item>资金账户</el-breadcrumb-item>
      </el-breadcrumb>
     	<help-components>
				<span slot="headText">{{helpData.templateName}}</span>
				<p slot="headDescText" v-html="helpData.templateRemark"></p>
				<div slot="helpContentWrap">
					<div v-for="(item,index) in helpData.questionAndAnswerArray">
						<h3>{{item.templateContent}}</h3>
						<p v-html="item.templateRemark"></p>
					</div>
				</div>
			</help-components>
    </div>
    <!--end 面包屑-->

    <!--start content-->
    <div class="content">

      <!--充值弹出   start-->
      <div class="height-search">
        <transition name="fade">
          <div class="modal-backdrop" v-show="vue_recharge"></div>
        </transition>
        <transition name="slideDown">
          <div class="recharge-s-con" v-show="vue_recharge">
            <p class="search-title">充值</p>
            <el-form ref="rechargeForm" class="enclosure" :rules="rules" :model="rechargeForm" label-width="80px">
              <el-form-item label="客户名称" prop="memberName">
                <el-input :disabled="true" v-model="rechargeForm.memberName"></el-input>
              </el-form-item>
              <el-form-item label="充值日期" style="float: right" prop="rechargeDate">
                <el-date-picker
                  v-model="rechargeForm.rechargeDate"
                  type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="金额" prop="rechargeMoney">
                <el-input v-model="rechargeForm.rechargeMoney"></el-input>
              </el-form-item>
              <el-form-item label="备注" style="float: right" prop="rechargeRemark">
                <el-input type="textarea" v-model="rechargeForm.rechargeRemark"></el-input>
              </el-form-item>
              <el-form-item label="充值摘要" prop="rechargeSummary">
                <el-select v-model="rechargeForm.rechargeSummary" placeholder="请选择">
                  <el-option label="现金充值" value="现金充值"></el-option>
                  <el-option label="销售返点" value="销售返点"></el-option>
                  <el-option label="其他充值" value="其他充值"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="附件"  prop="fuJan">
                  <el-upload
                    class="upload-demo clearfix"
                    action="/v3/misc/common/uploadFile"
                    :data="vue_upload_rechargeData"
                    :on-remove="vFun_upload_remove"
                    :on-success="vFun_upload_success"
                    :on-error="vFun_upload_error"
                    :before-upload="vFun_upload_before">
                    <el-button class="elButton"><em class="iconfont tab-hover el-icon-upload2"></em>点击上传</el-button>
                    <div class="el-upload__tip">建议上传订单付款凭证，如汇款单等；附件支持JPG/PNG/Word/Excel/Text格式，大小不超过4M</div>
                  </el-upload>
              </el-form-item>
              <el-form-item label-width="15px">
                <el-button @click="rechargeSure" :disabled="clickBtn" type="primary">确定</el-button>
                <el-button @click="rechargeCancel">取消</el-button>
              </el-form-item>
            </el-form>
          </div>
        </transition>
      </div>
      <!--充值弹出  end-->

      <!--扣款弹出   start-->
      <div class="height-search">
        <transition name="fade">
          <div class="modal-backdrop" v-show="vue_chargeBack"></div>
        </transition>
        <transition name="slideDown">
          <div class="recharge-s-con" v-show="vue_chargeBack">
            <p class="search-title">扣款</p>
            <el-form ref="chargeBackForm" class="enclosure" :rules="rules1" :model="chargeBackForm" label-width="80px">
              <el-form-item label="客户名称" prop="memberName">
                <el-input :disabled="true" v-model="chargeBackForm.memberName"></el-input>
              </el-form-item>
              <el-form-item label="扣款日期" style="float: right" prop="withdrawDate">
                <el-date-picker v-model="chargeBackForm.withdrawDate" type="datetime" placeholder="选择日期时间">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="金额" prop="withdrawMoney">
                <el-input v-model="chargeBackForm.withdrawMoney"></el-input>
              </el-form-item>
              <el-form-item label="备注" style="float: right" prop="withdrawRemark">
                <el-input type="textarea" v-model="chargeBackForm.withdrawRemark"></el-input>
              </el-form-item>
              <el-form-item label="扣款摘要" prop="withdrawSummary">
                <el-select v-model="chargeBackForm.withdrawSummary" placeholder="请选择">
                  <el-option label="提现" value="提现"></el-option>
                  <el-option label="其他" value="其他"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="附件"  prop="fuJan">
                  <el-upload
                    class="upload-demo clearfix"
                    action="/v3/misc/common/uploadFile"
                    :data="vue_upload_withdrawData"
                    :on-remove="vFun_upload_remove1"
                    :on-success="vFun_upload_success1"
                    :on-error="vFun_upload_error1"
                    :before-upload="vFun_upload_before1">
                    <el-button class="elButton"><em class="iconfont tab-hover el-icon-upload2"></em>点击上传</el-button>
                    <div class="el-upload__tip">建议上传订单付款凭证，如汇款单等；附件支持JPG/PNG/Word/Excel/Text格式，大小不超过4M</div>
                  </el-upload>
              </el-form-item>
              <el-form-item label-width="15px">
                <el-button @click="chargeBackSure" :disabled="clickBtn1" type="primary">确定</el-button>
                <el-button @click="chargeBackCancel">取消</el-button>
              </el-form-item>
            </el-form>

          </div>
        </transition>
      </div>
      <!--扣款弹出  end-->

      <!--ziJin-con1  start-->
      <div class="ziJin-con1">
        <!--头部  start-->
        <div class="zJ-header">
          <div class="public-th clearfix">
            <div class="public-left clearfix">
              <div class="goods-input">
                <input type="text" placeholder="请输入客户名称"  v-model="basicFundQb.memberName" @keydown.enter="queryByMemberName"/><i @click="queryByMemberName"></i>
              </div>
            </div>
            <!--<el-button type="primary" class="fr">导出   后续有</el-button>-->
            <!--<el-button style="margin-right: 10px" class="fr">导入</el-button>-->
          </div>
        </div>
        <!--头部   end-->

        <!--资金块状展示  start-->
        <div class="moneyList">
          <div class="moneyListCon">
            <div class="div1">
              <div class="fund-totalBlance-val">{{basicFundSet.sumInfo.availMoneySum}}</div>
              <div class="fund-totalBlance-txt">可用金额</div>
            </div>
          </div>
          <div class="moneyListCon">
            <div class="div2">
              <div class="fund-totalBlance-val">{{basicFundSet.sumInfo.fundLockMoneySum}}</div>
              <div class="fund-totalBlance-txt">冻结资金</div>
            </div>
          </div>
        </div>
        <!--资金块状展示  end-->

        <!--table表格   start-->
          <el-table
        	  :class="{beforeNone:basicFundSet.list.length!='0'}"
            ref="singleTable"
            :data="basicFundSet.list"
            :max-height="tableH"
            @sort-change="vFun_sort"
            highlight-current-row
            style="width: 100%">
            <el-table-column
              type="index"
              width="60">
            </el-table-column>
            <el-table-column
              prop="memberName"
              sortable="custom"
              label="客户名称"
              width="300">
              <template scope="scope">
                <span class="goTo" v-html="scope.row.memberName" @click="goTo(scope.$index, basicFundSet.list)"></span>
              </template>
            </el-table-column>
            <el-table-column
              property="fundAvailMoney"
              sortable="custom"
              label="可用金额"
              width="300">
            </el-table-column>
            <el-table-column
              property="fundLockMoney"
              sortable="custom"
              label="冻结资金"
              width="300">
            </el-table-column>
            <el-table-column
              property="fundMoney"
              sortable="custom"
              label="总计">
            </el-table-column>
            <el-table-column
              fixed="right"
              label=""
              width="60">
              <template scope="scope">
                <el-popover trigger="hover" placement="bottom">
                  <p class="p" @click="goTo(scope.$index, basicFundSet.list)"><em class="iconfont" style="font-size: 15px">&#xe656;</em>明细</p>
                  <p class="p" @click="rechargeBn(scope.$index, basicFundSet.list)"><em class="iconfont"  style="font-size: 15px">&#xe645;</em>充值</p>
                  <p class="p" @click="chargeBackBn(scope.$index, basicFundSet.list)"><em class="iconfont"  style="font-size: 15px">&#xe63c;</em>扣款</p>
                  <div slot="reference" class="name-wrapper">
                    <el-tag><em class="iconfont tab-hover">&#xe607;</em></el-tag>
                  </div>
                </el-popover>
              </template>
            </el-table-column>
          </el-table>
          <!--table表格  end-->

        <!--分页  start-->
        <div class="block">
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="parseInt(basicFundSet.pageTools.pageNo)"
            :page-sizes="basicFundSet.pageTools.pageSizeOptions"
            :page-size="parseInt(basicFundSet.pageTools.pageSize)"
            :total="parseInt(basicFundSet.pageTools.recordCount)"
            layout="total, prev, pager, next, sizes,jumper">
          </el-pagination>
        </div>
        <!--分页  end-->

      </div>
      <!--ziJin-con1  start-->
    </div>
    <!--end content-->
  </section>

</template>
<script>
  import helpComponents from '../../../components/help/help'
	export default {
		components:{helpComponents},
    data() {
      var rechargeM = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('所填充值金额不能为空'));
        }
        if (parseFloat(value)!=value) {
            callback(new Error('请输入数字值'));
        }else {
            callback();
        }
      };
      var chargeM = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('所填扣款金额不能为空'));
        }
        if (parseInt(value)!=value) {
            callback(new Error('请输入数字值'));
        }else {
            callback();
        }
      };
      var cdate = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('日期不能为空 '));
        }else {
            callback();
        }
      };

      return {
      	vue_upload_withdrawData:{ //扣款是上传附件data
					"moduleName":"fund",
					"fileName":"",
					"fromCode":"",
					"fromTable":"FundWithdraw",
				},
      	vue_upload_rechargeData:{  //充值是上传附件data
					"moduleName":"fund",
					"fileName":"",
					"fromCode":"",
					"fromTable":"FundRecharge",
				},
      	tableH:0,
        clickBtn:false,                 //请求数据后禁用按钮
        clickBtn1:false,                 //请求数据后禁用按钮
        vue_advSearch_heightSearch: false,           //高级搜索显示
        vue_recharge: false,               //充值弹出显示
        vue_chargeBack: false,             //扣款弹出显示

        basicFundSet:{
	        	list:[],				//表格数据
						pageTools:{},		//分页数据
						sumInfo:{}			//汇总信息
        },
        basicFundQb:{                   //搜索条件
        	memberName:"",
        	orderStr:''
        },

        helpData:{
					templateName:"",
					templateRemark:"",
					questionAndAnswerArray:[]
				},
        rechargeForm: {                 //充值form表单
          memberName: '',               //会员名称
          rechargeDate: new Date(),             //充值时间
          rechargeMoney: '',            //充值金额
          rechargeRemark: '',          //充值备注
          rechargeSummary: '',          //充值摘要
          fundCode: '',                 //账户代码
          memberCode: '',               //会员代码
          fundFormCode:'',							//上传附件代码

        },
        chargeBackForm:{                 //扣款form表单
          memberName:'',                 //客户姓名
          withdrawDate: new Date(),               //扣款时间
          withdrawMoney:'',              //扣款金额
          withdrawSummary:'',             //扣款摘要
          withdrawRemark:'',             //扣款备注
          fundCode: '',                 //账户代码
          memberCode: '',               //会员代码
        },
        rules: {                        //充值验证信息
          memberName: [
            {required: true, message: '请输入客户名称', trigger: 'blur'},
          ],
          rechargeMoney: [
            {required: true, validator: rechargeM, trigger: 'blur'},
          ],
          rechargeSummary: [
            { required: true, message: '请输入充值摘要', trigger: 'blur' },
          ],
          rechargeDate: [
            { required: true, validator: cdate, trigger: 'blur' },
          ]
        },
        rules1: {                        //充值验证信息
          memberName: [
            {required: true, message: '请输入客户名称', trigger: 'blur'},
          ],
          withdrawMoney: [
            { required: true, validator: chargeM, trigger: 'blur' },
          ],
          withdrawSummary: [
            { required: true, message: '请输入扣款摘要', trigger: 'blur' },
          ],
          withdrawDate:[
          	{ required: true, validator: cdate, trigger: 'blur' },
          ]
        },
        vue_foundNo:'',                //查找指定客户信息
        fileList: [                      //上传附件
          {
            name: 'food.jpeg',
            url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
          }],

      }
    },

    methods: {


    	vFun_sort(type){
    		if(type.order==='ascending'){
    			this.basicFundQb.orderStr=type.prop
    		}else if(type.order==='descending'){
    			this.basicFundQb.orderStr=type.prop +' desc'
    		}else{
    			this.basicFundQb.orderStr=''
    		};
    		this.querybasicFund();
    	},
//----------------------------------/* start 充值附件    upload */
    	vFun_upload_remove(file,fileList){
    		this.$refs['rechargeForm'].$el.style.height=this.$refs['rechargeForm'].$el.clientHeight+(fileList.length*26)+'px';
 				this.axios({
					method:"DELETE",
					url:"/v3/basic/files/delete",
					data:{
						"fromTable":"FundRecharge",
						"fromCode":this.vue_upload_rechargeData.fromCode,
						"fileUrl":file.fileUrl
					}
				}).then((res)=>{
					this.Public.openSuccess(this,"操作成功！");
				}).catch((err)=>{
					this.Public.openError(this,err.response.data);
				})
    	},
    	vFun_upload_success(res,file,fileList){
    		this.$refs['rechargeForm'].$el.style.height=this.$refs['rechargeForm'].$el.clientHeight+(fileList.length*26)+'px';
    		//this.urlStr = '';
    		fileList.forEach((item,index,arr)=>{
    			//this.urlStr += item.response+','
    		})
    	},
    	vFun_upload_error(err,file,fileList){
    		this.Public.openError(this,'上传失败，请重新上传！')
    	},
    	vFun_upload_before(file){
    		this.vue_upload_rechargeData.fileName=file.name; //获取上传时的fileName
    		const typeArr = ['xls','xlsx','doc','docx','png','jpg','jpeg','txt'];  //定义上传的类型
        const isLt4M = file.size / 1024 / 1024 <= 4;  //判断文件大小
    		let FileName = file.name.substr(file.name.lastIndexOf('.')+1);  //得到上传的类型

        if (typeArr.indexOf(FileName)===-1) {  //判断类型
        	this.Public.openError(this,"上传附件类型有误!")
        }

        if (!isLt4M) {  //判断大小
        	this.Public.openError(this,"上传附件大小不能超过 4MB!")
        }
        return (typeArr.indexOf(FileName)!==-1) && isLt4M;
    	},
//------------------------------/*充值附件 end upload */


//------------------------------start  扣款附件 --------------
    	/* start upload */
    	vFun_upload_remove1(file,fileList){
    		this.$refs['rechargeForm'].$el.style.height=this.$refs['rechargeForm'].$el.clientHeight+(fileList.length*26)+'px';
 				this.axios({
					method:"DELETE",
					url:"/v3/basic/files/delete",
					data:{
						"fromTable":"FundWithdraw",
						"fromCode":this.vue_upload_withdrawData.fromCode,
						"fileUrl":file.fileUrl
					}
				}).then((res)=>{
					this.Public.openSuccess(this,"操作成功！");
				}).catch((err)=>{
					this.Public.openError(this,err.response.data);
				})
    	},
    	vFun_upload_success1(res,file,fileList){
    		this.$refs['rechargeForm'].$el.style.height=this.$refs['rechargeForm'].$el.clientHeight+(fileList.length*26)+'px';
    		//this.urlStr = '';
    		fileList.forEach((item,index,arr)=>{
    			//this.urlStr += item.response+','
    		})
    	},
    	vFun_upload_error1(err,file,fileList){
    		this.Public.openError(this,'上传失败，请重新上传！')
    	},
    	vFun_upload_before1(file){
    		this.vue_upload_withdrawData.fileName=file.name; //获取上传时的fileName
    		const typeArr = ['xls','xlsx','doc','docx','png','jpg','jpeg','txt'];  //定义上传的类型
        const isLt4M = file.size / 1024 / 1024 <= 4;  //判断文件大小
    		let FileName = file.name.substr(file.name.lastIndexOf('.')+1);  //得到上传的类型

        if (typeArr.indexOf(FileName)===-1) {  //判断类型
        	this.Public.openError(this,"上传附件类型有误!")
        }

        if (!isLt4M) {  //判断大小
        	this.Public.openError(this,"上传附件大小不能超过 4MB!")
        }
        return (typeArr.indexOf(FileName)!==-1) && isLt4M;
    	},
//---------------------------------- /*扣款附件 end upload */

//---------------------------充值弹出层     start---------------------------
      rechargeCancel(){                               //充值取消
        this.vue_recharge = false;
        this.$refs.rechargeForm.resetFields();
      },

      rechargeSure(){                                 //充值确认
        this.$refs.rechargeForm.validate((valid) => {
          if (valid) {
            this.clickBtn=!this.clickBtn;
            this.axios({
              method: 'post',
              url: "/v3/fund/recharges",
              data: {
                "memberName": this.rechargeForm.memberName,
                "rechargeDate": this.rechargeForm.rechargeDate,
                "rechargeMoney": this.rechargeForm.rechargeMoney,
                "rechargeRemark": this.rechargeForm.rechargeRemark,
                "rechargeSummary": this.rechargeForm.rechargeSummary,
                "fundCode": this.rechargeForm.fundCode,
                "memberCode": this.rechargeForm.memberCode,
                "rechargeCode":this.vue_upload_rechargeData.fromCode,
              }
            }).then((res) => {
                this.clickBtn=!this.clickBtn;
                this.vue_recharge = false;
                  this.$refs.rechargeForm.resetFields();
                this.Public.openSuccess(this,"操作成功！");
                //重新获取账户数据
                this.basicFundSet.pageTools = this.$store.state.page;
                this.querybasicFund();
            }).catch((err)=>{
            	this.clickBtn=!this.clickBtn;
					      this.Public.openError(this,err.response.data)
				    });
          } else {
            this.Public.openError(this,'请完善所填信息');
            return false;
          }
        })
      },
      rechargeBn(index, data){
      	this.getRechargeMaxBillNum();
        this.vue_recharge = true;
        this.rechargeForm.memberName = data[index].memberName;
        this.rechargeForm.fundCode = data[index].fundCode;
        this.rechargeForm.memberCode = data[index].memberCode;
        this.$refs['rechargeForm'].$children[5].$children["0"].$children[1].$el.innerHTML='';
      },

//---------------------------获取账户数据        start--------------------------
			querybasicFund(){
                this.axios({
					        method: "post",
					        url: "/v3/basic/funds/list",
					        data:{
					          "offset":(this.basicFundSet.pageTools.pageNo-1)*this.basicFundSet.pageTools.pageSize,
					          "limit":this.basicFundSet.pageTools.pageSize,
					          "memberName":this.basicFundQb.memberName,
					          "orderStr":this.basicFundQb.orderStr
					        }
					      }).then((res) => {
					          res.data.list.forEach((item, index, arr) => {
					            item.fundAvailMoney = this.Public.formatMoney(item.fundAvailMoney, 2)
					            item.fundLockMoney = this.Public.formatMoney(item.fundLockMoney, 2)
					            item.fundMoney = this.Public.formatMoney(item.fundMoney, 2)
					          });
					          this.basicFundSet.list = res.data.list;
					          this.basicFundSet.sumInfo = res.data.sumInfo;
					          this.basicFundSet.sumInfo.availMoneySum = this.Public.formatMoney(res.data.sumInfo.availMoneySum, 2);
					          this.basicFundSet.sumInfo.fundLockMoneySum =this.Public.formatMoney(res.data.sumInfo.fundLockMoneySum, 2) ;
					        	this.basicFundSet.pageTools = res.data.pageTools;
					          this.basicFundSet.pageTools.pageSizeOptions = JSON.parse(this.basicFundSet.pageTools.pageSizeOptions);
					      }).catch((err)=>{
							      this.Public.openError(this,err.response.data)
						    });
			},
//---------------------------扣款弹出层    start---------------------------
      chargeBackCancel(){                               //扣款取消
        this.vue_chargeBack = false;
        this.$refs.chargeBackForm.resetFields();
      },
      chargeBackSure(){                                 //扣款确认
        this.$refs.chargeBackForm.validate((valid) => {
          if (valid) {
            this.clickBtn1=!this.clickBtn1;
            this.axios({
              method: 'post',
              url: "/v3/fund/withdraws",
              data: {
                "memberName": this.chargeBackForm.memberName,
                "withdrawDate": this.chargeBackForm.withdrawDate,
                "withdrawMoney": this.chargeBackForm.withdrawMoney,
                "withdrawSummary": this.chargeBackForm.withdrawSummary,
                "withdrawRemark": this.chargeBackForm.withdrawRemark,
                "fundCode": this.chargeBackForm.fundCode,
                "memberCode": this.chargeBackForm.memberCode,
                "withdrawCode":this.vue_upload_withdrawData.fromCode,
              }
            }).then((res) => {
            	  this.Public.openSuccess(this,"操作成功！");
                this.clickBtn1=!this.clickBtn1;
                this.vue_chargeBack = false;
                this.$refs.chargeBackForm.resetFields();

                this.basicFundSet.pageTools = this.$store.state.page;
								this.querybasicFund();
            }).catch((err)=>{
            	  this.clickBtn1=!this.clickBtn1;
					      this.Public.openError(this,err.response.data)
				    });
          } else {
            this.Public.openError(this,'所填信息错误');
            return false;
          }
        });

      },

//---------------扣款 ----------------------------
      chargeBackBn(index, data){
      	this.getWithdrawMaxBillNum();
        this.vue_chargeBack = true;
        this.chargeBackForm.memberName = data[index].memberName;
        this.chargeBackForm.fundCode = data[index].fundCode;
        this.chargeBackForm.memberCode = data[index].memberCode;
        this.$refs['chargeBackForm'].$children[5].$children["0"].$children[1].$el.innerHTML='';
      },

//---------------------------跳转到资金账户明细   start---------------------------
      goTo(index,data){
        this.$router.push('/moneyDetails')
        this.Public.setCookie("fundCode",data[index].fundCode,1)
        this.Public.setCookie("memberCode",data[index].memberCode,1)
      },
//---------------------------分页设置   start--------------------------------
      handleSizeChange(val) {
      	this.basicFundSet.pageTools.pageSize = val;
        this.querybasicFund();
      },
      handleCurrentChange(val) {
      	this.basicFundSet.pageTools.pageNo = val;
        this.querybasicFund();
      },
//--------------------------根据客户名称进行查询---------------------------------
      queryByMemberName() {
      	this.basicFundSet.pageTools = this.$store.state.page;
      	this.querybasicFund();
      	this.basicFundQb.memberName = "";
      },
      query_systemTemplate(){
				this.axios({
					method:"GET",
					url:"/v3/system/templates/00100000008"
				}).then((res)=>{
						this.helpData.templateName = res.data.templateName;
						this.helpData.templateRemark = res.data.templateRemark;
						this.helpData.questionAndAnswerArray = res.data.questionAndAnswerArray;
				}).catch((err)=>{
					this.Public.openError(this,err.response.data)
				})
			},
//----------------------获取充值最大号 ------------------------------------
			getRechargeMaxBillNum(){
			  this.axios({
	        method: "get",
	        url: "/v3/misc/common/getMaxBillNum",
	        params: {
	        	"columnName":"rechargeCode",
	        	"billtypeCode":"FundRecharge001",
	        }
	      }).then((res) => {
	      		console.log(res.data)
						this.vue_upload_rechargeData.fromCode=res.data;
	      }).catch((err)=>{
			      this.Public.openError(this,err.response.data)
		    });
			},
//----------------------获取扣款最大号 ------------------------------------
			getWithdrawMaxBillNum(){
			  this.axios({
	        method: "get",
	        url: "/v3/misc/common/getMaxBillNum",
	        params: {
	        	"columnName":"withdrawCode",
	        	"billtypeCode":"FundWithdraw001",
	        }
	      }).then((res) => {
	      		console.log(res.data)
						this.vue_upload_withdrawData.fromCode=res.data;
	      }).catch((err)=>{
			      this.Public.openError(this,err.response.data)
		    });
			},
},
    created(){
    	this.basicFundSet.pageTools = this.$store.state.page;
    },
    mounted(){
     	this.tableH = document.documentElement.clientHeight - 330;
//---------------------------打开页面渲染数据---------------------------
      this.querybasicFund();
			//帮助功能
			this.query_systemTemplate();
    },
  }
</script>
<style scoped>

  .el-table{
     font-size: 12px;
  }

  .el-upload__tip {
    float: left;
    width: 280px;
    line-height: 20px;
    margin-top: 0px;
  }

  .elButton {
    float: left;
    width: 100px !important;
    background: #13C19F!important;
    color: white!important;
  }

  .elButton em {
    font-size: 12px;
    margin-right: 6px;
  }


  .ziJin-con1 > .block {
      float: right;
      margin-top: 10px;
    }

  .el-form {
    overflow: hidden;
  }

  .el-form .el-form-item:last-child {
    width: 100%;
  }

  .el-form-item {
    width: 485px;
    float: left;
    margin-right: 10px;
  }

  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    background-color: rgba(240, 240, 240, 0.2);
  }

  .height-s-con {
    position: absolute;
    width: 100%;
    height: 275px;
    top: 0;
    left: 0;
    padding: 30px;
    z-index: 1005;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
    overflow: hidden;
  }

  .recharge-s-con {
    position: absolute;
    width: 100%;
    max-height: calc(440px + 4*26px);
    top: 0;
    left: 0;
    padding: 30px;
    z-index: 1005;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
    overflow: hidden;
  }

  .search-title {
    font-size: 16px;
    border: 0;
    color: #415161;
    margin-bottom: 20px;
  }

  .fade-enter-active, .fade-leave-active {
    transition: .4s;
  }

  .fade-enter, .fade-leave-active {
    opacity: 0;
  }

  .slideDown-enter-active, .slideDown-leave-active {
    transition: .4s;
  }

  .slideDown-enter, .slideDown-leave-active {
    height: 0;
    opacity: 0;
  }

  .p {
    text-indent: 10px;
    line-height: 30px;
    cursor: pointer;
  }

  .p em {
    position: relative;
    top: 2px;
    margin-right: 3px;
  }

  .p:hover {
    background: #eef1f9;
    color: #03B8CC;
  }

  .goTo:hover {
    color: #13c19f;
    cursor: pointer;
  }

  .fund-totalBlance-txt {
    font-size: 13px;
  }

  .fund-totalBlance-val {
    font-size: 28px;
    line-height: 42px;
  }

  .div1 {
    background: #fb7884;
  }

  .div2 {
    background: #03a9f3;
    margin-right: 0px !important;
  }

  .moneyList > .moneyListCon > div {
    height: 75px;
    color: #fff;
    padding-top: 25px;
    text-align: center;
    margin: 0 8px;
  }

  .moneyList > .moneyListCon {
    float: left;
    position: relative;
    width: 50%;
  }

  .moneyList {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    background-color: #fff;
  }

  section {
    display: flex;
    flex-direction: column;
    flex: 1;

  }

  div.location {
    flex: 0 0 10px;
    padding: 3px 0 15px 0;
  }

  div.content {
    position: relative;
    flex: 1;
    width: 100%;
    background-color: #fff;
  }

  .ziJin-con1 {
    padding: 0px 14px;
  }

  .zJ-header {
    padding: 8px 0;
    min-height: 34px;
  }

  .public-left {
    float: left;
  }

  .public-left:hover span {
    color: #13C19F;
  }

  .public-left a, .public-left span.search-openBtn {
    display: block;
    float: left;
    margin-right: 10px;
    padding-right: 0px;
    position: relative;
    height: 36px;
    line-height: 36px;
    z-index: 100;
    cursor: pointer;
  }

  .goods-input input {
    display: block;
    float: left;
    width: 290px;
    height: 34px;
    font-size: 12px;
    border: 0;
    margin-left: 20px;
  }

  .goods-input {
    float: left;
    width: 340px;
    border: 1px solid #cdd9e6;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
    margin-left: 10px;
  }

  .goods-input:hover {
    border-color: #13C19F;
    transition: 1s;
  }

  .goods-input i {
    background: url(../../../img/sousuo.png) no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 7px;
    right: 5px;
    cursor: pointer;
  }

  .high_search {
    line-height: 36px;
    color: #93a6b7;
    margin-left: 4px;
    cursor: pointer;
  }

  .high_search:hover {
    color: #13C19F;
  }


</style>
